<style>
#green{
    border: none;;text-align: center;font-size: 30px;outline: none;color: #28a745;background: transparent;
}
</style>
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title" id="ntModalLabel"></h4>
</div>
<div class="modal-body">

    <div class="row clearfix">
        <div class="col-md-12 column text-center">
            <p>
                    {:lang("the_employee_password_was_reset_successfully,_the_new_password_is")}：<br/>
                <h3 id="green">{$reset}</h3>
                <input style="opacity: 0;" type="text" value="{$reset}"></p></div>
    </div>

</div>
<div class="modal-footer">
    <div class="col-md-6 text-left">
        <button class='btn btn-primary copybtn'  data-clipboard-action="copy" data-clipboard-target="#green"><span
                class="glyphicon glyphicon-duplicate"></span> {:lang('copy_password')}
        </button>
    </div>
    <div class="col-md-6 text-right">
        <button type="button" class="btn btn-default"  data-dismiss="modal"><span
                class="glyphicon glyphicon-remove"></span>{:lang('cancel')}
        </button>
    </div>
</div>
<script>
    var clipboard = new $.Clipboard('.copybtn');
        clipboard.on('success', function(e) {
            change_mes_type('.alert',1)
            $('.alert').show()
            $('.alert p').html('*密码复制成功<br>')
            clipboard.off("success");
            $('#worker_repasswordModal').modal('hide')
        });
        $(document).keydown(function (event) {
            if (event.keyCode == 13) {
            change_mes_type('.alert',1)
            $('.copybtn').click()
            $('.alert').show()
            $('.alert p').html('*密码复制成功<br>')
            $('#worker_repasswordModal').modal('hide')
        }
        });
</script>